<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	template="/templates/template.xhtml">

	<ui:define name="body">
		<rich:panel style="width=100%" id="bienesRegistradosContainer">
			<f:facet name="header">
				<h:outputLabel
					value="${msg['reportes.header.reporteBienesRegistrados']}" />
			</f:facet>
			<h:form prependId="false">
				<ui:remove>Tipos de Bien</ui:remove>
				<table class="layoutBienesRegistrados">
					<tr>
						<td><h:outputLabel value="${msg['bienes.detalleBien.tipoDeBien']}" /></td>
					</tr>
					<tr>
						<td>
							<h:selectManyListbox id="seleccionTipoBien"
								required="true" requiredMessage="${msg['general.requerido']}"
								validatorMessage="${msg['general.requerido']}"
								value="#{reporteManager.bienesSeleccionados}"
								styleClass="selectMultipleTipoBien">
								<f:selectItems value="#{applicationBean.tipoBiensNotEmptyField}" />
								<a4j:ajax execute="@none" render="seleccionTipoBienMessage" />
							</h:selectManyListbox>
							<br /> 
							<h:message id="seleccionTipoBienMessage"
								for="seleccionTipoBien" errorClass="validationErrorMessage"
								showSummary="false" />
						</td>

						<td>

							<div class="ubicacionVigente">
								<table class="layoutUbicacionVigente">
									<tr>
										<td><strong>Ubicación vigente:</strong></td>
										<td></td>
										<td></td>
									</tr>
									<tr>
										<td><ui:remove>País</ui:remove> 
										<h:outputLabel
												value="${msg['bienes.consultaBienes.pais']}" /> 
										<h:selectOneMenu
												id="paisCB" value="#{reporteManager.pais}" required="true"
												requiredMessage="${msg['general.requerido']}"
												validatorMessage="${msg['general.requerido']}">
												<f:selectItems value="#{applicationBean.paises}" />
												<a4j:ajax event="change" execute="@this"
													render="departamentoCB municipioCB paisCBMessage" />
										</h:selectOneMenu><br /></td>
										<td><ui:remove>Departamento</ui:remove>
											<h:outputLabel value="${msg['bienes.consultaBienes.departamento']}" /> 
											<h:selectOneMenu
												id="departamentoCB" value="#{reporteManager.departamento}">
												<f:selectItems value="#{applicationBean.getDepartamentosByIdPais(reporteManager.pais)}" />
												<a4j:ajax event="change" execute="@this" render="municipioCB" />
											</h:selectOneMenu></td>
										<td><ui:remove>Municipio</ui:remove> 
											<h:outputLabel value="${msg['bienes.consultaBienes.municipio']}" /> 
											<h:selectOneMenu
												id="municipioCB" value="#{reporteManager.municipio}">
												<f:selectItems
													value="#{applicationBean.getMunicipiosByIdPaisDepartamento(reporteManager.pais, reporteManager.departamento)}" />
											</h:selectOneMenu></td>
									</tr>
									<tr>
										<td><h:message id="paisCBMessage" for="paisCB"
												errorClass="validationErrorMessage" showSummary="false" />
										</td>
										<td></td>
										<td></td>
									</tr>
								</table>
							</div>
						</td>
					</tr>
					<tr>
						<td>
							<h:commandButton id="botonGenerarReporte" 
								action="#{reporteManager.prepararReporte('reporte_bienes_registrados')}"
								value="${msg['boton.reporte.generar']}"
								>
							</h:commandButton> 
							
							<h:commandButton 
								action="#{reporteManager.cancelar}"
								value="${msg['boton.cancelar']}" 
								immediate="true" >
								<f:ajax render="bienesRegistradosContainer" />
							</h:commandButton>
							
							
							</td>
						<td></td>
					</tr>
				</table>

			</h:form>
		</rich:panel>
	</ui:define>

</ui:composition>
